home *** CD-ROM | disk | FTP | other *** search
/ Personal Computer World 2009 June / PersonalComputerWorld-June2009-CoverdiscCD.iso / Software / Freeware / Firebug 1.3.3 / firebug-1.3.3-fx.xpi / skin / classic / win / firebug.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2008-08-22  |  6.6 KB  |  298 lines
  1. /**************************************************************************************************
  2. //   Copyright (C) Joe Hewitt.                                                All Rights Reserved.
  3. // ***********************************************************************************************/
  4.  
  5. #fbFirebugMenu {
  6.     margin: 0 4px 0 0;
  7.     padding: 0 0 0 4px;
  8.     list-style-image: url(chrome://firebug/skin/firebug.png);
  9.     -moz-opacity: 0.8;
  10. }
  11.  
  12. #fbFirebugMenu:hover,
  13. #fbFirebugMenu[open="true"] {
  14.     -moz-opacity: 1.0;
  15. }
  16.  
  17. #fbFirebugMenu > .toolbarbutton-text,
  18. #fbFirebugMenu > .toolbarbutton-menu-dropmarker {
  19.     display: none;
  20. }
  21.  
  22. .toolbar-text-button,
  23. .toolbar-text-menubutton {
  24.     padding: 3px 6px;
  25. }
  26.  
  27. .toolbar-text-button[checked="true"] {
  28.     padding: 3px 6px !important;
  29. }
  30.  
  31. .toolbar-text-button > .toolbarbutton-icon,
  32. .toolbar-text-menubutton > .toolbarbutton-icon {
  33.     display: none;
  34. }
  35.  
  36. .toolbar-text-menubutton:hover:active,
  37. .toolbar-text-menubutton[open="true"] {
  38.     padding: 4px 5px 2px 7px;
  39. }
  40.  
  41. .toolbarbutton-menu-dropmarker {
  42.     margin-left: 3px;
  43. }
  44.  
  45. /************************************************************************************************/
  46.  
  47. .toolbarbutton-iconic {
  48.     -moz-appearance: none;
  49.     padding: 0 !important;
  50.     border: none !important;
  51.     background: transparent !important;
  52. }
  53.  
  54. .toolbarbutton-iconic > .toolbarbutton-icon {
  55.     padding: 0;
  56. }
  57.  
  58. #fbDebuggerButtons {
  59.     margin-top: 1px;
  60. }
  61.  
  62. #fbCloseButton {
  63.     margin: 0 4px 0 0;
  64.     -moz-image-region: rect(auto, auto, auto, auto);
  65.     list-style-image: url("chrome://firebug/skin/win/close.png");
  66. }
  67.  
  68. #fbCloseButton:hover {
  69.     list-style-image: url("chrome://firebug/skin/win/closeHover.png");
  70. }
  71.  
  72. #fbCloseButton:hover:active {
  73.     list-style-image: url("chrome://firebug/skin/win/closeActive.png");
  74. }
  75.  
  76. #fbDetachButton {
  77.     margin: 0;
  78.     -moz-image-region: rect(auto, auto, auto, auto);
  79.     list-style-image: url(chrome://firebug/skin/win/detach.png);
  80. }
  81.  
  82. #fbDetachButton:hover {
  83.     list-style-image: url(chrome://firebug/skin/win/detachHover.png);
  84. }
  85.  
  86. #fbDetachButton:hover:active {
  87.     list-style-image: url(chrome://firebug/skin/win/detachActive.png);
  88. }
  89.  
  90. #fbCommandToggleSmall {
  91.     list-style-image: url(chrome://firebug/skin/win/detach.png);
  92. }
  93.  
  94. #fbCommandToggleSmall:hover {
  95.     list-style-image: url(chrome://firebug/skin/win/detachHover.png);
  96. }
  97.  
  98. #fbCommandToggleSmall:hover:active {
  99.     list-style-image: url(chrome://firebug/skin/win/detachActive.png);
  100. }
  101.  
  102. #fbCommandToggleLarge {
  103.     list-style-image: url(chrome://firebug/skin/win/min.png);
  104. }
  105.  
  106. #fbCommandToggleLarge:hover {
  107.     list-style-image: url(chrome://firebug/skin/win/minHover.png);
  108. }
  109.  
  110. #fbCommandToggleLarge:hover:active {
  111.     list-style-image: url(chrome://firebug/skin/win/minActive.png);
  112. }
  113.  
  114. /************************************************************************************************/
  115.  
  116. #fbLargeCommandLine {
  117.     -moz-appearance: none;
  118.     border: none;
  119.     border-top: 1px solid;
  120.     -moz-border-top-colors: threedshadow;
  121.     padding: 2px 0 0 2px;
  122. }
  123.  
  124. #fbCommandToolbar {
  125.     border-top: 1px solid threedshadow;
  126. }
  127.  
  128. #fbContentSplitter {
  129.     border-top: 1px solid !important;
  130.     -moz-border-top-colors: threedShadow !important;
  131.     border-bottom: 1px solid !important;
  132.     -moz-border-bottom-colors: #EEEEEE !important;
  133.     min-height: 3px;
  134.     max-height: 3px;
  135.     background-color: #FFFFFF;
  136. }
  137.  
  138. #fbToolbar {
  139.     padding-bottom: 1px;
  140.     border-bottom: none;
  141. }
  142.  
  143. #fbSearchBox {
  144.     -moz-appearance: none;
  145.     margin: 0 6px 1px 2px;
  146.     border: 1px solid;
  147.     -moz-border-top-colors: #96969D !important;
  148.     -moz-border-right-colors: #96969D !important;
  149.     -moz-border-bottom-colors: #96969D !important;
  150.     -moz-border-left-colors: #96969D !important;
  151.     padding: 2px 0 1px 3px;
  152.     background: -moz-field;
  153.     font: icon;
  154.     font-size: 11px;
  155. }
  156.  
  157. #fbSearchBox[disabled="true"] {
  158.     opacity: 0.5;
  159. }
  160.  
  161. #fbSearchBox > .autocomplete-textbox-container > .autocomplete-icon {
  162.     list-style-image: url(chrome://firebug/skin/win/search.png);
  163. }
  164.  
  165. /************************************************************************************************/
  166.  
  167. .panelTabBox {
  168.     background: url(chrome://firebug/skin/win/tabBg.png) repeat-x top;
  169.     border-bottom: 1px solid threedshadow;
  170.     padding: 0 4px;
  171.     overflow: hidden;
  172. }
  173.  
  174. panelTab {
  175.     margin: 0 0 1px 0;
  176.     border: none;
  177.     font-weight: bold;
  178.     color: #565656;
  179.     font-size: 11px;
  180. }
  181.  
  182. panelTab[selected="true"] {
  183.     color: inherit;
  184. }
  185.  
  186. .panelTab-left {
  187.     width: 8px;
  188. }
  189.  
  190. .panelTab-text {
  191.     margin: 0;
  192.     padding: 3px 1px 4px 1px;
  193. }
  194.  
  195. .panelTab-text[disabled="true"] {
  196.     color:Gray;
  197. }
  198.  
  199. .panelTab-right {
  200.     width: 8px;
  201. }
  202.  
  203. panelTab:hover > .panelTab-left {
  204.     background: url(chrome://firebug/skin/win/tabLeftHover.png) no-repeat bottom;
  205. }
  206.  
  207. panelTab:hover > .panelTab-text {
  208.     background: url(chrome://firebug/skin/win/tabMidHover.png) repeat-x bottom;
  209. }
  210.  
  211. panelTab:hover > panelTabMenu {
  212.     background: url(chrome://firebug/skin/win/tabMidHover.png) repeat-x bottom;
  213. }
  214.  
  215. panelTab:hover > .panelTab-right {
  216.     background: url(chrome://firebug/skin/win/tabRightHover.png) no-repeat bottom;
  217. }
  218.  
  219. panelTab[selected="true"] > .panelTab-left {
  220.     background: url(chrome://firebug/skin/win/tabLeft.png) no-repeat bottom;
  221. }
  222.  
  223. panelTab[selected="true"] > .panelTab-text {
  224.     background: url(chrome://firebug/skin/win/tabMid.png) repeat-x bottom;
  225. }
  226.  
  227. panelTab[selected="true"] > panelTabMenu {
  228.     background: url(chrome://firebug/skin/win/tabMid.png) repeat-x bottom;
  229. }
  230.  
  231. panelTab[selected="true"] > .panelTab-right {
  232.     background: url(chrome://firebug/skin/win/tabRight.png) no-repeat bottom;
  233. }
  234.  
  235. /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  236.  
  237. .panelOptionsButton {
  238.     -moz-appearance: none;
  239.     border: none;
  240. }
  241.  
  242. .panelOptionsButton,
  243. .panelOptionsButton:hover:active,
  244. .panelOptionsButton[open="true"] {
  245.     margin: 2px;
  246.     padding: 0 6px; 
  247. }
  248.  
  249. .panelOptionsButton:hover {
  250.     cursor: pointer;
  251. }
  252.  
  253. .panelOptionsButton:hover > .toolbarbutton-text {
  254.     color: blue;
  255.     text-decoration: underline;
  256. }
  257.  
  258. .panelOptionsButton[open="true"] > .toolbarbutton-text {
  259.     color: red;
  260.     text-decoration: underline;
  261. }
  262.  
  263. .panelOptionsButton[disabled="true"] > .toolbarbutton-text {
  264.     color: graytext;
  265.     text-decoration: none;
  266. }
  267.  
  268. /************************************************************************************************/
  269.  
  270. #fbPanelStatus {
  271.     margin: 0 5px 0 0;
  272.     overflow: hidden;
  273. }
  274.  
  275. .panelStatusSeparator {
  276.     margin: 0;
  277.     color: graytext;
  278. }
  279.  
  280. .panelStatusLabel {
  281.     cursor: pointer;
  282.     margin: 0;
  283.     padding: 0 4px;
  284. }
  285.  
  286. .panelStatusLabel:hover {
  287.     color: blue;
  288. }
  289.  
  290. .panelStatusLabel[selected="true"] {
  291.     font-weight: bold;
  292. }
  293.  
  294. .menuHeader {
  295.     margin: 2px 6px;
  296.     font-weight: bold;
  297. }
  298.